<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p{
				/*border-width: 1px;*//*设置边框的宽度*/
				/*border-color: red;*//*设置边框颜色*/
				/*设置边框样式:
				 	solid:实心边框
				 	double:双框
				 	dashed:虚线边框
				 * */
				/*border-style:solid;*/
				border:1px solid blue;/*设置四周边框的简写*/
			}
			
			lable{
				border-width: 1px;
				border-color: red;
				border-style: solid;
			}
			
			h2{
				/*border-bottom-width: 1px;
				border-bottom-color: red;
				border-bottom-style: solid;*/
				border-bottom: 1px solid green;
			}
			
			table,td{
				border: 1px solid red;
				border-collapse: collapse;/*合并边框样式*/
				
			}
			table{
				width: 500px;
			}
			
		</style>
	</head>
	<body>
		<p>
			设置边框的各种样式
			<br />
			HTML中的所有元素都有框，只是默认不显示
		</p>
		<lable>这是一个没有任何效果的文本标签</lable>
		
		<h2>
			设置边框的各种样式
			<br />
			HTML中的所有元素都有框，只是默认不显示
		</h2>
		
		
		<table cellspacing="0" cellpadding="0">
			<tr>
				<td>aaa</td>
				<td>bbb</td>
			</tr>
			<tr>
				<td>aaa</td>
				<td>bbb</td>
			</tr>
			<tr>
				<td>aaa</td>
				<td>bbb</td>
			</tr>
		</table>
	</body>
</html>
